<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:body>
        <div class="change_contai">
            <div class="cn">
                <h3 style="color: #3F8AAC; margin: 5px 0 0 100px;">Add New Vacancy</h3>
                <p style=" margin-left: 5px;">Fields marked with <i style="color: red;">*</i> are required. <br/>Click 'Add' after you have finished making the changes.</p>
                <h:form>
                    <table>

                        <tbody>
                            <tr>
                                <td style="text-align: right;">Vacanty Title:<i style="color: red;">*</i>&nbsp;:</td>
                                <td><h:inputText tabindex="2" size="20" value="#{vacancyManagedBean.vacancyDetails.vacantyTitle}" /></td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">Number Of Job:<i style="color: red;">*</i>&nbsp;:</td>
                                <td><h:inputText tabindex="2" size="20" value="#{vacancyManagedBean.vacancyDetails.numOfJob}" /></td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">Salary:<i style="color: red;">*</i>&nbsp;:</td>
                                <td><h:inputText tabindex="2" size="20" value="#{vacancyManagedBean.vacancyDetails.salary}" /></td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">Experience:<i style="color: red;">*</i>&nbsp;:</td>
                                <td><h:inputText tabindex="2" size="20" value="#{vacancyManagedBean.vacancyDetails.experience}" /></td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">DeadLine<i style="color: red;">*</i>&nbsp;:</td>
                                <td>
                                    <p:calendar value="#{vacancyManagedBean.vacancyDetails.closeDate}">
                                        <f:convertDateTime pattern="MM/dd/yyyy" />
                                    </p:calendar>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">Department:<i style="color: red;">*</i>&nbsp;:</td>
                                <td>
                                    <h:selectOneMenu value="#{vacancyManagedBean.department.departmentID}">

                                        <f:selectItems value="#{vacancyManagedBean.listItemDepart}"></f:selectItems>
                                    </h:selectOneMenu>

                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right;">Satus:<i style="color: red;">*</i>&nbsp;:</td>
                                <td>

                                    <h:selectOneMenu value="#{vacancyManagedBean.vacancyDetails.vaStatus}">
                                        <f:selectItem itemLabel="Open" itemValue="1" ></f:selectItem>
                                        <f:selectItem itemLabel="Close" itemValue="2"></f:selectItem>
                                        <f:selectItem itemLabel="Suspended" itemValue="3"></f:selectItem>
                                    </h:selectOneMenu>

                                </td>
                            </tr>
                            <tr>
                                <td style="text-align: right;" ></td>
                                <td>
                                    <h:commandButton  value="Add" action="#{vacancyManagedBean.addVacancy}"></h:commandButton>
                                    <input type="reset" value="Reset"/>
                                </td>
                            </tr>
                        </tbody>

                    </table>
                </h:form>


            </div>
        </div>
    </h:body>
</html>
